<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html>
<!--<![endif]-->

<head>
<meta charset="utf-8">
<title>Boo Admin - Widget Custom</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="">
<meta name="author" content="">

<!-- Le styles -->
<link href="assets/css/lib/bootstrap.css" rel="stylesheet">
<link href="assets/css/lib/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/extension.css" rel="stylesheet">
<link href="assets/css/boo.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/boo-coloring.css" rel="stylesheet">
<link href="assets/css/boo-utility.css" rel="stylesheet">

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <script src="assets/plugins/selectivizr/selectivizr-min.js"></script>
    <script src="assets/plugins/flot/excanvas.min.js"></script>
<![endif]-->

<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.html">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.html">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.html">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.html">
</head>

<body class="sidebar-left panel-side">
<div class="page-container">
    <div id="header-container">
        <div id="header">
            <div class="navbar navbar-inverse navbar-fixed-top">
                <div class="navbar-inner">
                    <div class="container-fluid">
                        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                        <a class="brand" href="javascript:void(0);"><img src="assets/img/demo/logo-brand.png"></a>
                        <div class="search-global">
                            <input id="globalSearch" class="search search-query input-medium" type="search">
                            <a class="search-button" href="javascript:void(0);"><i class="fontello-icon-search-5"></i></a> </div>
                        <div class="nav-collapse collapse">
                            <ul class="nav user-menu visible-desktop">
                                <li><a class="btn-glyph fontello-icon-edit tip-bc" href="javascript:void(0);" title="Messages"><span class="badge badge-important">8</span></a></li>
                                <li><a class="btn-glyph fontello-icon-mail-1 tip-bc" href="javascript:void(0);" title="Emails"></a></li>
                                <li><a class="btn-glyph fontello-icon-lifebuoy tip-bc" href="javascript:void(0);" title="Support"><span class="badge badge-important">4</span></a></li>
                            </ul>
                            <ul class="nav">
                                <li> <a href="dashboard-one.html">Dashboard</a> </li>
                                <li class="active"> <a href="javascript:void(0);">Components</a> </li>
                                <li> <a href="component-fullcalendar-demo.html"><span class="fontello-icon-calendar"></span>Calendar</a> </li>
                                <li> <a href="javascript:void(0);"><span class="fontello-icon-users"></span>Contacts</a> </li>
                                <li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"><span class="fontello-icon-list-1"></span>Customize <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="component-form-demo.html">Demo Form</a></li>
                                        <li><a href="component-widgets-remember.html">Remember</a></li>
                                        <li><a href="component-widgets-users.html">User List</a></li>
                                        <li class="divider"></li>
                                        <li class="nav-header">Next Update</li>
                                        <li><a href="javascript:void(0);">Contacts</a></li>
                                        <li><a href="javascript:void(0);">Email</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- // navbar -->
            
            <div class="header-drawer">
                <div class="mobile-nav text-center visible-phone"> <a href="javascript:void(0);" class="mobile-btn" data-toggle="collapse" data-target=".sidebar"><i class="aweso-icon-chevron-down"></i> Components</a> </div>
                <!-- // Resposive navigation -->
                <div class="breadcrumbs-nav hidden-phone">
                    <ul id="breadcrumbs" class="breadcrumb">
                        <li><a href="javascript:void(0);"><i class="fontello-icon-home f12"></i> Dashboard</a> <span class="divider">/</span></li>
                        <li class="dropdown"><a href="javascript:void(0);">Table </a> <span class="divider">/</span>
                            <ul class="dropdown-menu">
                                <li><a href="javascript:void(0);">Table</a></li>
                                <li><a href="javascript:void(0);">Elements</a></li>
                                <li><a href="javascript:void(0);">Elements</a></li>
                                <li><a href="javascript:void(0);">Elements</a></li>
                            </ul>
                        </li>
                        <li class="active">Boo Admin </li>
                    </ul>
                </div>
                <!-- // breadcrumbs --> 
            </div>
            <!-- // drawer --> 
        </div>
    </div>
    <!-- // header-container -->
    
    <div id="main-container">
        <div id="main-sidebar" class="sidebar sidebar-inverse">
            <div class="sidebar-item">
                <div class="media profile">
                    <div class="media-thumb media-left thumb-bordereb"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb" src="assets/img/demo/demo-avatar9604.jpg"></a> </div>
                    <div class="media-body">
                        <h5 class="media-heading">Twitter Bootstrap <small>as Administrator</small></h5>
                        <p class="data">Last Access: 16 May 15:30</p>
                    </div>
                </div>
            </div>
            <!-- // sidebar item - profile -->
            
            <ul id="mainSideMenu" class="nav nav-list nav-side">
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accDash" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-monitor"></span> <i class="chevron fontello-icon-right-open-3"></i> Dashboards </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accDash">
                        <li> <a href="dashboard-one.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Dashboard</span> Demo 1 </a> </li>
                        <li> <a href="dashboard-two.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Dashboard</span> Demo 2 </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Dashboard -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accForms" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon aweso-icon-list-alt"></span><i class="chevron fontello-icon-right-open-3"></i> Form </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accForms">
                        <li> <a href="component-form-demo.html"> <i class="fontello-icon-right-dir"></i> Demo Form </a> </li>
                        <li> <a href="component-form-element.html"> <i class="fontello-icon-right-dir"></i> Form Element </a> </li>
                        <li> <a href="component-form-extension.html"> <i class="fontello-icon-right-dir"></i> Form Extension</a> </li>
                        <li> <a href="component-form-wizard.html"> <i class="fontello-icon-right-dir"></i> Form Wizard</a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Forms -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accTables" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-align-justify"></span> <i class="chevron fontello-icon-right-open-3"></i> Tables </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accTables">
                        <li> <a href="component-table.html"> <i class="fontello-icon-right-dir"></i> Base Table </a> </li>
                        <li> <a href="component-table-boo.html"> <i class="fontello-icon-right-dir"></i> Boo Table </a> </li>
                        <li> <a href="component-table-datatable.html"> <i class="fontello-icon-right-dir"></i> DataTable </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Tables -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accStatistics" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-chart"></span> <i class="chevron fontello-icon-right-open-3"></i> Statistics </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accStatistics">
                        <li> <a href="statistic-flot.html"> <i class="fontello-icon-right-dir"></i> Charts </a> </li>
                        <li> <a href="statistic-sparkline.html"> <i class="fontello-icon-right-dir"></i> Sparklines </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Statistics -->
                <li class="accordion-group">
                    <div class="accordion-heading active"> <a href="#accWidgets" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon  fontello-icon-window"></span> <i class="chevron fontello-icon-right-open-3"></i> Widgets </a> </div>
                    <ul class="accordion-content nav nav-list collapse in" id="accWidgets">
                        <li> <a href="component-widget-style.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Widgets </span> Style </a> </li>
                        <li class="active"> <a href="component-widget-custom.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Widgets </span> Custom </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Widgets -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accButtons" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-puzzle"></span> <i class="chevron fontello-icon-right-open-3"></i> UI Elements </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accButtons">
                        <li> <a href="elements-button.html"> <i class="fontello-icon-right-dir"></i> Button </a> </li>
                        <li> <a href="elements-icon-font.html"> <i class="fontello-icon-right-dir"></i> Iconic fonts </a> </li>
                        <li> <a href="elements-icon-fugue-demo.html"> <i class="fontello-icon-right-dir"></i> Icon </a> </li>
                        <li> <a href="elements-wells.html"> <i class="fontello-icon-right-dir"></i> Wells </a> </li>
                        <li> <a href="elements-tabs.html"> <i class="fontello-icon-right-dir"></i> Tabs </a> </li>
                        <li> <a href="elements-modals.html"> <i class="fontello-icon-right-dir"></i> Modal </a> </li>
                        <li> <a href="elements-progressbar.html"> <i class="fontello-icon-right-dir"></i> Progressbar </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu UI Elements -->
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accCalendar" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <span class="item-icon fontello-icon-calendar"></span> <i class="chevron fontello-icon-right-open-3"></i> Calendar </a> </div>
                    <ul class="accordion-content nav nav-list collapse" id="accCalendar">
                        <li> <a href="component-fullcalendar-demo.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Calendar </span> Demo </a> </li>
                        <li> <a href="component-fullcalendar.html"> <i class="fontello-icon-right-dir"></i> <span class="hidden-tablet">Calendar </span> Style </a> </li>
                    </ul>
                </li>
                <!-- // item accordionMenu Calendar -->
            </ul>
            <!-- // sidebar menu -->
            
            <div class="sidebar-item"></div>
            <!-- // sidebar item --> 
            
        </div>
        <!-- // sidebar -->
        
        <div id="main-content" class="main-content container-fluid">
            <div class="row-fluid page-head">
                <h2 class="page-title"><i class="fontello-icon-window"></i> Widget <small>style & construction</small></h2>
                <!--<p class="pagedesc">jQuery DataTable + Bootstrap + Boo = a powerful combination to display your data </p> -->
                <div class="page-bar">
                    <div class="btn-toolbar"> </div>
                </div>
            </div>
            <!-- // page head -->
            
            <div id="page-content" class="page-content">
                <nav>
                    <ul class="btn-toolbar page-nav margin-btn">
                        <li><a class="btn btn-well btn-glyph" href="component-widgets-remember.html" style="width:80px"><i class="fontello-icon-check f30"></i><span class="block">REMEMBER</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="component-widgets-users.html" style="width:80px"><i class="fontello-icon-user f30"></i><span class="block">USER</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="component-widgets-post.html" style="width:80px"><i class="fontello-icon-feather f30"></i><span class="block">POST</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="#updateModal" style="width:80px" data-toggle="modal"><i class="fontello-icon-vcard f30"></i><span class="block">CONTACTS</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="#updateModal" style="width:80px" data-toggle="modal"><i class="fontello-icon-edit f30"></i><span class="block">ARTICLE</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="#updateModal" style="width:80px" data-toggle="modal"><i class="fontello-icon-comment-4 f30"></i><span class="block">COMMENTS</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="#updateModal" style="width:80px" data-toggle="modal"><i class="fontello-icon-back-in-time f30"></i><span class="block">ACTIVITY</span></a></li>
                        <li><a class="btn btn-well btn-glyph" href="#updateModal" style="width:80px" data-toggle="modal"><i class="fontello-icon-arrows-cw f30"></i><span class="block">LAST UPDATE</span></a></li>
                    </ul>
                    <hr class="margin-0x">
                </nav>
                <section>
                    <div class="page-header">
                        <h3>For widgets use Bootstrap Media or table <small>.media</small></h3>
                    </div>
                    <h4>combine combine combine... Boo combination</h4>
                    <p>Assemble your own widget appearance. Boo is flexible
                    <p>
                    <div class="row-fluid">
                        <div class="span4">
                            <div class="widget widget-simple widget-recent">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-th-4"></i>Sample thumb size</h4>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list">
                                            <li class="media thumb-mini">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"><a href="javascript:void(0);">Sample thumb size <small>mini</small></a></h4>
                                                </div>
                                            </li>
                                            <li class="media thumb-small">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"><a href="javascript:void(0);">Sample thumb size <small>small</small></a></h4>
                                                    <p class="data">email: <strong><a href="javascript:void(0);"> gatesa@example.com</a></strong> pnone: <strong>123 456 789</strong> </p>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading"><a href="javascript:void(0);">Sample thumb size <small>default</small></a></h6>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer volutpat ligula id...</p>
                                                </div>
                                            </li>
                                            <li class="media thumb-large">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h5 class="media-heading"><a href="javascript:void(0);">Sample thumb size <small>large</small></a></h5>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer volutpat ligula id lacus Curabitur. Dapibus Curabitur leo...</p>
                                                </div>
                                            </li>
                                            <li class="media thumb-xlarge">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"><a href="javascript:void(0);">Sample thumb size <small>xlarge</small></a></h4>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer volutpat ligula id lacus Curabitur. Dapibus Curabitur leo id lacus ullamcorp...</p>
                                                </div>
                                            </li>
                                            <li class="media thumb-xxlarge">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"><a href="javascript:void(0);">Sample thumb size <small>xxlarge</small></a></h4>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer volutpat ligula id lacus Curabitur. Dapibus Curabitur leo id lacus ullamcorp...</p>
                                                </div>
                                            </li>
                                        </ul>
                                        <!-- // user-list --> 
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget -->
                            
                            <div class="widget widget-simple widget-post">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-th-list-1"></i>Sample thumb size <small>for font icon</small></h4>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list">
                                            <li class="media thumb-mini">
                                                <div class="media-thumb media-left"> <i class="fontello-icon-comment-4"></i> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading"><a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h6>
                                                    <ul class="meta inline">
                                                        <li>By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                    </ul>
                                                    <p class="meta">Lorem ipsum dolor sit amet consectetuer volutpat ligula id lacus Curabitur. Dapibus Curabitur leo id lacus ullamcorp...</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media thumb-small">
                                                <div class="media-thumb media-left"> <i class="fontello-icon-comment-4"></i> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading"><a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h6>
                                                    <ul class="meta inline">
                                                        <li>By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                    </ul>
                                                    <p class="meta">Lorem ipsum dolor sit amet consectetuer volutpat ligula id lacus Curabitur. Dapibus Curabitur leo id lacus ullamcorp...</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media">
                                                <div class="media-thumb media-left"> <i class="fontello-icon-comment-4"></i> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading"><a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h6>
                                                    <ul class="meta inline">
                                                        <li>By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                    </ul>
                                                    <p class="meta">Lorem ipsum dolor sit amet consectetuer volutpat ligula id lacus Curabitur. Dapibus Curabitur leo id lacus ullamcorp...</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media thumb-large">
                                                <div class="media-thumb media-left"> <i class="fontello-icon-comment-4 opaci15"></i> </div>
                                                <div class="media-body">
                                                    <h6 class="media-heading"><a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h6>
                                                    <ul class="meta inline">
                                                        <li>By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                    </ul>
                                                    <p class="meta">Lorem ipsum dolor sit amet consectetuer volutpat ligula id lacus Curabitur. Dapibus Curabitur leo id lacus ullamcorp...</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media thumb-xlarge media-overflow">
                                                <div class="media-thumb media-left"> <i class="fontello-icon-comment-4 opaci15"></i> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"><a href="javascript:void(0);">Lorem ipsum dolor sit amet consectetue... ligula id lacus Curabitu</a></h4>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer volutpat ligula id lacus Curabitu... </p>
                                                    <div class="quick-menu menu-right">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-success" href="javascript:void(0);">Approve</a> <a data-toggle="dropdown" class="btn btn-mini btn-yellow dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media thumb-xxlarge media-overflow">
                                                <div class="media-thumb media-left"> <i class="fontello-icon-comment-4 opaci15"></i> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"><a href="javascript:void(0);">Lorem ipsum dolor sit amet consectetue... </a></h4>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer volutpat ligula id lacus Curabitu...</p>
                                                    <div class="quick-menu menu-right">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-success" href="javascript:void(0);">Approve</a> <a data-toggle="dropdown" class="btn btn-mini btn-yellow dropdown-toggle"> or&nbsp; <span class="caret"></span></a>
                                                            <ul class="dropdown-menu pull-right">
                                                                <li><a href="javascript:void(0);"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                                <li class="divider"></li>
                                                                <li><a href="javascript:void(0);"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                        </ul>
                                    </div>
                                    <div class="widget-footer">
                                        <div class="btn-toolbar"> <a class="btn" href="#">View details &raquo;</a> </div>
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget --> 
                        </div>
                        <!-- // Column -->
                        
                        <div class="span8">
                            <div class="widget widget-user">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-user"></i> Widget</h4>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list">
                                            <li class="media media-overflow">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="media-object thumb" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="quick-menu pull-right">
                                                    <div class="btn-group"> <a class="btn btn-mini btn-info fontello-icon-edit" href="javascript:void(0);">10</a> <a class="btn btn-mini btn-info fontello-icon-comment-3" href="javascript:void(0);">94</a>
                                                        <button data-toggle="dropdown" class="btn btn-mini dropdown-toggle">quick set to &nbsp;<span class="caret"></span></button>
                                                        <ul class="dropdown-menu pull-right">
                                                            <li><a href="#"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                            <li><a href="#"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                            <li><a href="#"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                            <li class="divider"></li>
                                                            <li><a href="#"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="#">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h4>
                                                    <ul class="data inline">
                                                        <li>By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> post</li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> views</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated <strong>updated 6:25 PM (5 hours ago)</strong></li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media media-overflow">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="media-object thumb" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="quick-menu pull-right">
                                                    <div class="btn-group"> <a class="btn btn-mini btn-info fontello-icon-edit" href="javascript:void(0);">10</a> <a class="btn btn-mini btn-info fontello-icon-comment-3" href="javascript:void(0);">94</a>
                                                        <button data-toggle="dropdown" class="btn btn-mini dropdown-toggle">quick set to &nbsp;<span class="caret"></span></button>
                                                        <ul class="dropdown-menu pull-right">
                                                            <li><a href="#"><i class="icon-pencil"></i><span class="divider-text"></span> Edit</a></li>
                                                            <li><a href="#"><i class="icon-remove"></i><span class="divider-text"></span> Reject</a></li>
                                                            <li><a href="#"><i class="icon-ok"></i><span class="divider-text"></span> Approve</a></li>
                                                            <li class="divider"></li>
                                                            <li><a href="#"><i class="icon-trash"></i><span class="divider-text"></span> Delete</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="#">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h4>
                                                    <ul class="data inline">
                                                        <li>By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> post</li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> views</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated <strong>updated 6:25 PM (5 hours ago)</strong></li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media thumb-xlarge">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="media-object thumb" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <div class="quick-menu menu-right">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-info fontello-icon-edit" href="javascript:void(0);">10</a> <a class="btn btn-mini btn-info fontello-icon-comment-3" href="javascript:void(0);">94</a> </div>
                                                    </div>
                                                    <h4 class="media-heading"> <a href="#">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h4>
                                                    <ul class="meta inline">
                                                        <li>By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> post</li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> views</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated <strong>updated 6:25 PM (5 hours ago)</strong></li>
                                                    </ul>
                                                    <p class="post">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media thumb-xlarge">
                                                <div class="media-thumb media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="media-object thumb" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <div class="quick-menu menu-right">
                                                        <div class="btn-group"> <a class="btn btn-mini btn-info fontello-icon-edit" href="javascript:void(0);">10</a> <a class="btn btn-mini btn-info fontello-icon-comment-3" href="javascript:void(0);">94</a> </div>
                                                    </div>
                                                    <h4 class="media-heading"> <a href="#">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h4>
                                                    <ul class="meta inline">
                                                        <li>By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> post</li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> views</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated <strong>updated 6:25 PM (5 hours ago)</strong></li>
                                                    </ul>
                                                    <p class="post">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media thumb-xxlarge">
                                                <div class="media-thumb media-right"> <a class="img-shadow" href="javascript:void(0);"><img class="media-object thumb" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="#">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h4>
                                                    <ul class="meta inline">
                                                        <li>By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> post</li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> views</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated <strong>updated 6:25 PM (5 hours ago)</strong></li>
                                                    </ul>
                                                    <p class="post">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                            <li class="media thumb-xxlarge">
                                                <div class="media-thumb media-right"> <a class="img-shadow" href="javascript:void(0);"><img class="media-object thumb" src="assets/img/demo/demo-avatar9603.jpg"></a> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="#">Aliquam facilisis enim et elit tincidunt Suspendisse</a></h4>
                                                    <ul class="meta inline">
                                                        <li>By: <a href="#"><strong>John Doe</strong></a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> post</li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2</strong> views</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated <strong>updated 6:25 PM (5 hours ago)</strong></li>
                                                    </ul>
                                                    <p class="post">Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p>
                                                </div>
                                            </li>
                                            <!-- // item -->
                                            
                                        </ul>
                                        <!-- // widget-list --> 
                                        
                                    </div>
                                </div>
                                <div class="widget-footer">
                                    <div class="btn-toolbar"> <a class="btn pull-right" href="#">View All &raquo;</a> </div>
                                </div>
                            </div>
                            <!-- // Widget -->
                            
                            <div class="widget widget-box widget-recent">
                                <div class="widget-header">
                                    <h4><i class="fontello-icon-user"></i>Recent Article <small>Custom thumb size</small></h4>
                                </div>
                                <div class="widget-content">
                                    <div class="widget-body">
                                        <ul class="widget-list">
                                            <li class="media">
                                                <div class="media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="http://placehold.it/167x96" width="167" height="96"></a> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h4>
                                                    <ul class="data inline">
                                                        <li><strong>By:</strong> <a href="javascript:void(0);"> Thomas Mandrage</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                    </ul>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Cras sit amet nibh libero, in gravida nulla. Lorem ipsum dolor....</p>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <div class="media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="http://placehold.it/122x70"></a> </div>
                                                <div class="media-body">
                                                    <ul class="data inline">
                                                        <li><i class="fontello-icon-comment-4 margin-right5"></i> </li>
                                                        <li>By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                    <h6 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h6>
                                                    <p class="post">Lorem ipsum dolor sit amet consectetuer Nunc porta Maecenas lorem semper. Mauris risus justo egest Fusce condimentum nunc ac nisi...</p>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <div class="media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="http://placehold.it/96x55"></a> </div>
                                                <div class="media-body">
                                                    <h5 class="media-heading"> <a href="javascript:void(0);">Aliquam facilisis enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h5>
                                                    <ul class="data inline">
                                                        <li><i class="fontello-icon-comment-4 margin-right5"></i> </li>
                                                        <li>By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="media">
                                                <div class="media-left"> <a class="img-shadow" href="javascript:void(0);"><img class="thumb media-object" src="http://placehold.it/78x45"></a> </div>
                                                <div class="media-body">
                                                    <h4 class="media-heading"> <a href="javascript:void(0);">Enim et elit tincidunt Suspendisse</a> <small>Lorem ipsum dolor.</small></h4>
                                                    <ul class="meta inline">
                                                        <li><i class="fontello-icon-comment-4 margin-right5"></i> </li>
                                                        <li>By: <a href="javascript:void(0);"> gatesa@example.com</a></li>
                                                        <li class="divider-vertical"></li>
                                                        <li><strong>2 Aug 2012</strong>, 09:27 AM</li>
                                                        <li class="divider-vertical"></li>
                                                        <li>IP: <strong>158.45.46.27</strong></li>
                                                        <li class="divider-vertical"></li>
                                                        <li>updated: <strong>6:25 PM</strong> (5 hours ago)</li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-- // Widget --> 
                            
                        </div>
                        <!-- // Column --> 
                        
                    </div>
                    <!-- // Example row --> 
                    
                </section>
            </div>
            <!-- // page content --> 
            
        </div>
        <!-- // main-content --> 
        
    </div>
    <!-- // main-container  -->
    
    <footer id="footer-fix">
        <div id="footer-sidebar" class="footer-sidebar">
            <div class="navbar">
                <div class="btn-toolbar"> <a class="btn btn-glyph btn-link" href="javascript:void(0);"><i class="fontello-icon-up-open-1"></i></a> </div>
            </div>
        </div>
        <!-- // footer sidebar -->
        
        <div id="footer-content" class="footer-content">
            <div class="navbar navbar-inverse">
                <div class="navbar-inner">
                    <ul class="nav pull-left">
                        <li class="divider-vertical hidden-phone"></li>
                        <li><a id="btnToggleSidebar" class="btn-glyph fontello-icon-resize-full-2 tip hidden-phone" href="javascript:void(0);" title="show hide sidebar"></a></li>
                        <li class="divider-vertical hidden-phone"></li>
                        <li><a id="btnChangeSidebar" class="btn-glyph fontello-icon-login tip hidden-phone" href="javascript:void(0);" title="change sidebar position"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a id="btnChangeSidebarColor" class="btn-glyph fontello-icon-palette tip" href="javascript:void(0);" title="change sidebar color"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a class="btn-glyph fontello-icon-cw" href="javascript:void(0);"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a class="fontello-icon-home-3" href="dashboard-one.html"></a></li>
                        <li class="divider-vertical"></li>
                    </ul>
                    <ul class="nav pull-right">
                        <li class="divider-vertical"></li>
                        <li><a class="btn-glyph fontello-icon-help-2 tip" href="javascript:void(0);" title="help to page"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a class="btn-glyph fontello-icon-cog-4 tip" href="javascript:void(0);" title="settings app"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a id="btnLogout" class="btn-glyph fontello-icon-logout-1 tip" href="javascript:void(0);" title="logout"></a></li>
                        <li class="divider-vertical"></li>
                        <li><a id="btnScrollup" class="scrollup btn-glyph fontello-icon-up-open-1" href="javascript:void(0);"><span class="hidden-phone">Scroll</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- // footer content --> 
        
    </footer>
    <!-- // footer-fix  --> 
    
</div>
<!-- // page-container  -->

<div class="modal-container"> <!-- You can put your modal definitions here but it is not required --> </div>
<div id="updateModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 id="myModalLabel"><i class="fontello-icon-popup"></i> Next :-)</h4>
    </div>
    <div class="modal-body text-center">
        <h3><i class="fontello-icon-user f30"></i> Sorry, this page comes up with next update <small>free after purchase</small></h3>
        <p>thanks</p>
    </div>
    <div class="modal-footer">
        <button class="btn btn-red" data-dismiss="modal">Close</button>
    </div>
</div>
<!-- // modal --> 

<!-- Le javascript --> 
<!-- Placed at the end of the document so the pages load faster --> 
<script src="assets/plugins/bootstrap-wysihtml5/lib/js/wysihtml5-0.3.0.min.js"></script> 
<script src="assets/js/lib/jquery.js"></script> 
<script src="assets/js/lib/jquery-ui.js"></script>
<script src="assets/js/lib/bootstrap.js"></script> 
<script src="assets/js/lib/jquery.cookie.js"></script> 

<!-- Plugins Bootstrap --> 
<script src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script> 
<script src="assets/plugins/bootstrap-timepicker/js/bootstrap-timepicker.js"></script> 
<script src="assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script> 
<script src="assets/plugins/bootstrap-daterangepicker/js/date.js"></script> 
<script src="assets/plugins/bootstrap-daterangepicker/js/bootstrap-daterangepicker.js"></script> 
<script src="assets/plugins/bootstrap-fileupload/js/bootstrap-fileupload.js"></script> 
<script src="assets/plugins/bootstrap-rowlink/js/bootstrap-rowlink.js"></script> 
<script src="assets/plugins/bootstrap-progressbar/js/bootstrap-progressbar.js"></script> 
<script src="assets/plugins/bootstrap-wysihtml5/src/bootstrap-wysihtml5.js"></script> 
<script src="assets/plugins/bootstrap-select/bootstrap-select.js"></script>
<script src="assets/plugins/bootstrap-bootbox/bootbox.min.js"></script> 
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modalmanager.js"></script> 
<script src="assets/plugins/bootstrap-modal/js/bootstrap-modal.js"></script>
<script src="assets/plugins/bootstrap-wizard/js/bootstrap-wizard.js"></script> 
<script src="assets/plugins/bootstrap-toggle-buttons/js/bootstrap-toggle-buttons.js"></script>

<!-- Plugins Custom -->
<script src="assets/plugins/google-code-prettify/prettify.js"></script> 
<script src="assets/plugins/nicescroll/jquery.nicescroll.min.js"></script> 
<script src="assets/plugins/qtip2/dist/jquery.qtip.min.js"></script> 
<script src="assets/plugins/list/js/list.min.js"></script> 
<script src="assets/plugins/list/plugins/list.paging.min.js"></script> 
<script src="assets/plugins/fullcalendar/fullcalendar.js"></script> 
<script src="assets/plugins/xbreadcrumbs/xbreadcrumbs.js"></script> 

<!-- Plugins Forms --> 
<script src="assets/plugins/uniform/jquery.uniform.js"></script> 
<script src="assets/plugins/select2/select2.min.js"></script> 
<script src="assets/plugins/counter/jquery.counter.js"></script> 
<script src="assets/plugins/elastic/jquery.elastic.js"></script> 
<script src="assets/plugins/inputmask/jquery.inputmask.js"></script> 
<script src="assets/plugins/inputmask/jquery.inputmask.extensions.js"></script> 
<script src="assets/plugins/validate/js/jquery.validate.min.js"></script> 
<script src="assets/plugins/xbreadcrumbs/xbreadcrumbs.js"></script> 

<!-- Charts --> 
<script src="assets/plugins/sparkline/jquery.sparkline.js"></script> 
<script src="assets/plugins/flot/jquery.flot.js"></script> 
<script src="assets/plugins/flot/jquery.flot.categories.js"></script> 
<script src="assets/plugins/flot/jquery.flot.grow.js"></script> 
<script src="assets/plugins/flot/jquery.flot.orderBars.js"></script> 
<script src="assets/plugins/flot/jquery.flot.pie.js"></script> 
<script src="assets/plugins/flot/jquery.flot.resize.js"></script> 
<script src="assets/plugins/flot/jquery.flot.selection.js"></script> 
<script src="assets/plugins/flot/jquery.flot.stack.js"></script> 
<script src="assets/plugins/flot/jquery.flot.stackpercent.js"></script> 
<script src="assets/plugins/flot/jquery.flot.time.js"></script> 

<!-- Plugins Tables --> 
<script src="assets/plugins/datatables/media/js/jquery.dataTables.js"></script> 
<script src="assets/plugins/datatables/plugin/jquery.dataTables.plugins.js"></script> 
<script src="assets/plugins/datatables/plugin/jquery.dataTables.columnFilter.js"></script> 

<!-- main js -->
<script src="assets/js/application.js"></script>  

<!-- Only This Demo Page --> 
</body>
</html>
